<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>名人名言</title>
    <style>
        .top {
            margin-left: 6%;
        }

        .top_box {
            display: flex;
            margin-top: 20px;
        }

        .top_box_text {
            padding: 10px;
            border: 1px solid gray;
            border-bottom: none;
        }

        .font1 {
            color: gray;
        }

        .main {
            width: 95%;
            border: 1px solid gray;
            margin: 0 auto;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            border-left: none;
            border-right: none;
        }

        .main_box_1 {
            margin: 10px 0;
            width: 45%;
        }


        .main_box_text1 {
            border: 1px solid gray;
            padding: 10px;
            margin-bottom: 20px;
        }

        em {
            margin: 10px 0;
        }

        .main_box2 {
            width: 30%;
        }

        .footer{
            display: flex;
            justify-content: center;
        }
    </style>
</head>

<body>
    <div class="top">
        <h2>名人名言</h2>
        <em class="font1">分享名人名言，开始一段触动心灵的智慧之旅跳到内容</em>
        <br>
        <div class="top_box">
            <div class="top_box_text font1">登录</div>
            <div class="top_box_text font1">关于</div>
            <div class="top_box_text font1">名人名言</div>
            <div class="top_box_text font1">英文名言(English)</div>
            <div class="top_box_text font1">心理杂志</div>
            <div class="top_box_text font1">心理书籍</div>
            <div class="top_box_text font1">专题活动</div>
            <div class="top_box_text font1">发表</div>
        </div>
    </div>

    <div class="main">
        <div class="main_box_1">
            <div class="main_box_text1">
                <h3 style="margin: 3px 0;">心理学经典名言的智慧</h3>
                洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，它总是能给人们带来心灵的滋养。
            </div>
            <b>
                创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。

            </b>
            <p>
                创造力（creativity）有两个词根：Crera拉丁语的意思是“去创造”。Krainir希腊语的意思是“去实现”。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。
            </p>
            <p>
                发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论
            </p>
            <div class="main_box_text1">
                <h3 style="margin: 3px 0;">作者简介</h3>

            </div>
            <b>
                如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。

            </b>
            <p>
                如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。

            </p>
            <p>发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论</p>
            <div class="main_box_text1">
                <em>赞助广告</em>
                <p></p>
                <img src="img/ad_2.jpg" alt="" width="100%">
            </div>
        </div>

        <div class="main_box2">
            <div class="main_box_text1">
                <em>赞助广告</em>
                <p></p>
                <img src="img/ad.jpg" alt="" width="100%">
            </div>

            <em>搜索</em>

            <input type="search" name="" id="" placeholder="点击搜索" style="    height: 31px;
            width: 100px;">

            <div></div>

            <em> 标签</em>

            <p class="font1">
                <em>
                    60年语录 《犯罪心理》 世间百态 二十四史传统名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗语录 历史 友谊爱情 古代格言 名人名言 名人随语 教子立人 新闻事件 李白 爱情语录 韩寒语录

                </em>

            </p>
        </div>
    </div>

    <div class="footer font1">
        &copy;
    </div>
</body>

</html>